/**
 * @file: 登录页面
 * @author: Lengxx
 * @date: 2023-07-11
 */

import classnames from 'classnames'
import LoginForm from './loginForm'
import { ReactComponent as LoginPersonSvg } from '@/assets/images/login-person.svg'
import LogoImg from '@/assets/images/logo.png';
import './index.scss'

const Login = () => {
  
  return (
    <div className={classnames('login-container')}>
      <div className='login-container-left'>
        <div className='login-container-left__inner'>
          <div className='top'>
            <h1 className='animate__animated animate__fadeInLeft'>欢迎回来！</h1>
          </div>
          <div className='body'>
            <LoginPersonSvg className='animate__animated animate__fadeInUp' />
          </div>
        </div>
      </div>

      <div className='login-container-right'>
        <div className='login-form-container'>
          <div className='login-title title'> 
          <img src={LogoImg} width={'26px'} /> 登录系统</div>
          <LoginForm />
        </div>
      </div>
    </div>
  )
}

export default Login